body{
	margin: 0px;
}

#webPage{
	position: relative;
}

.top{
	height: 40px;
	background-color: #333;
}

.ok{
	width: 30px;
	height: 30px;
	margin: 5px;
	float: right;
	background-color: #999;
}

input{
	width: 72px;
	height: 24px;
	margin: 5px;
	float: right;
	font-size: 16px;
}

.personCard{
	position: relative;
	height: 160px;
	background-color: #f85f48;
}

.cardLeft{
	position: absolute;
	left: 0px;
	width: 120px;
	height: 150px;
	margin: 5px 0px 5px 5px;
}

img{
	width: 120px;
	height: 120px;
	border-radius: 60px;
}

.imgButt{
	text-align: center;
}

.cardRight{
	position: absolute;
	right: 0px;
	height: 130px;
	margin-right: 7px;
}

.sort4{
	margin: 11px 0px 11px 0px;
}

.sort4Name{
	display: inline-block;
}

.num{
	width: 30px;
	text-align: center;
	display: inline-block;
}

.sort3{
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
	justify-content: space-around;
	height: 40px;
	background-color: #333;
}

.choice{
	width: 70px;
	height: 30px;
	margin: 5px 0px 5px 0px;
	color: #555;
	background-color: #d9d9d9;
}

.choose{
	color: #fff;
	background-color: #f85f48;
}

.itemsPart{
	position: absolute;
	top: 240px;
	background-color: #f85f48;
}

.itemPart{
	margin: 5px;
	color: black;
	height: 133px;
	border: 5px solid #333;
	background-color: #fff;
}

.title{
	margin: 5px;
	height: 69px;
	font-size: 20px;
	font-weight: bold;
}

.blue{
	color: blue;
}

.red{
	color: red;
}

.sortFour{
	margin: 5px;
	color: #999;
	font-weight: bold;
}

.tAndP{
	position: relative;
	margin: 5px;
	height: 26px;
}

.time{
	position: absolute;
	left: 0px;
	display: inline-block;
	margin: 4px 0px 4px 0px;
}

.pass{
	position: absolute;
	right: 0px;
	display: inline-block;
	padding: 3px;
	border-radius: 13px;
	border: 1px solid #333;
	color: #999;
	background-color: #fff;
	margin: 0px 20px 0px 20px;
}

.passT{
	color: #fff;
	background-color: #f85f48;
}